<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	
		<script type="text/javascript" src="js/rem.js"></script>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/animate.min.css"/>
		<script type="text/javascript" src="js/wow.min.js"></script>
		<script type="text/javascript">
			new WOW().init();
		</script>
	</head>
	<body>
		<section class="index">
			<header>
				<nav class="nav">
					<div class="nav-shop">店铺</div>
					<div class="title">infoscape</div>
					<div class="nav-g">推广</div>
				</nav>
			</header>
			
			
			<div class="income">
				<img src="img/userinfo_bg2.jpg"/>
				<div class="i-num">
					<p>257.50</p>
					<p>累计收入</p>
				</div>
				<div class="i-mess">
					<div class="message">
						<p>5</p>
						<p>昨日访客</p>
					</div>
					<div class="message">
						<p>20</p>
						<p>七日订单</p>
					</div>
					<div class="message">
						<p>￥256.00</p>
						<p>七日销量</p>
					</div>
				</div>
			</div>
			<div class="add">
				<div class="pro-add">
					<span><img src="img/yb_shelves.png" alt="" /></span>
					<span>添加商品</span>
				</div>
			</div>
			<div class="list">
				<ul>
					<li>
						<a href="">
							<div class="li-img"><img src="img/yb_goodsManage.png"/></div>
							<p>商品管理</p>
						</a>
					</li>
					<li>
						<a href="">
							<div class="li-img"><img src="img/yb_orderManage.png"/></div>
							<p>订单管理</p>
						</a>
					</li>
					<li>
						<a href="">
							<div class="li-img"><img src="img/yb_wxReceive.png"/></div>
							<p>微信功能</p>
						</a>
					</li>
					<li>
						<a href="">
							<div class="li-img"><img src="img/yb_customerManage.png"/></div>
							<p>客户管理</p>
						</a>
					</li>
					<li>
						<a href="">
							<div class="li-img"><img src="img/yb_storeManage.png"/></div>
							<p>店铺管理</p>
						</a>
					</li>
					<li>
						<a href="">
							<div class="li-img"><img src="img/yb_statistics.png"/></div>
							<p>数据统计</p>
						</a>
					</li>
				</ul>
			</div>
			
			<footer>
				<div class="foot-nav">
					<div class="foot">
						<a href="">
							<span class="shop"></span>
							<p class="active">小店</p>
						</a>
					</div>
					<div class="foot">
						<a href="">
							<span class="market"></span>
							<p>市场</p>
						</a>
					</div>
					<div class="foot">
						<a href="">
							<span class="cart"></span>
							<p>购物车</p>
						</a>
					</div>
					<div class="foot">
						<a href="">
							<span class="user"></span>
							<p>我的</p>
						</a>
					</div>
				</div>
			</footer>
		</section>
	<!--遮罩层-->
		<div class="zz">
		</div>	
			
	<!--添加商品-->
		<div class="p-add">
			<div class="sel">
				<div class="sel-img"><img src="img/yb_marketSelect.png"/></div>
				<p>市场选货</p>
			</div>
			<div class="cancel">取消</div>
		</div>
	<!--推广-->
		<div class="p-tg">
			<div class="tg">
				<div class="tg-img">
					<span><img src="img/share_weixin.png"/></span>
					<p>微信好友</p>
				</div>
				<div class="tg-img">
					<span><img src="img/share_circle.png"/></span>
					<p>微信朋友圈</p>
				</div>
				<div class="tg-img">
					<span><img src="img/share_sina.png"/></span>
					<p>新浪微博</p>
				</div>
				<div class="tg-img">
					<span><img src="img/share_qq.png"/></span>
					<p>QQ好友</p>
				</div>
				<div class="tg-img">
					<span><img src="img/share_z.png"/></span>
					<p>QQ空间</p>
				</div>
				<div class="tg-img">
					<span><img src="img/share_contacts.png"/></span>
					<p>手机联系人</p>
				</div>
				<div class="tg-img">
					<span><img src="img/share_customer.png"/></span>
					<p>老客户</p>
				</div>
				<div class="tg-img">
					<span><img src="img/share_code.png"/></span>
					<p>二维码</p>
				</div>
				<div class="tg-img">
					<span><img src="img/share_copyLink.png"/></span>
					<p>复制链接</p>
				</div>
			</div>
			<div class="cancel">取消</div>
		</div>
	<!--小店收入-->
		<div class="earn">
			<header>
				<nav class="nav">
					<div class="nav-shop qx"><i class="iconfont icon-fanhui"></i></div>
					<div class="title">小店营收</div>
				</nav>
			</header>
			<div class="cash">
				<div class="can-cash">
					<div class="can">
						<p>可提现金额</p>
						<p>￥<span>257.50</span>
							<span class="tx">提现<i class="iconfont icon-gengduo"></i></span>
						</p>
					</div>
					<div class="cannot">
						<p>不可用金额
							<span>￥0.00<i class="iconfont icon-gengduo"></i></span>
						</p>
					</div>
				</div>
				
				<div class="js-cash">
					<div class="p1">
						<p>已结算收入
							<span>￥0.00<i class="iconfont icon-gengduo"></i></span>
						</p>
					</div>
					<div class="p2">
						<p>未结算收入
							<span>￥257.50<i class="iconfont icon-gengduo"></i></span>
						</p>
					</div>
				</div>
				<div class="js-cash">
					<div class="p1">
						<p>收支明细
							<span>￥0.00<i class="iconfont icon-gengduo"></i></span>
						</p>
					</div>
					<div class="p2">
						<p>提现记录
							<span>￥257.50<i class="iconfont icon-gengduo"></i></span>
						</p>
					</div>
				</div>
				
			</div>
			<p class="p3">.小店销售收入将显示在这里，已结算收入可以随时申请提现</p>
			<p class="tips">.收入结算规则  交易手续费说明</p>
		</div>
		<!--提现-->
		<div class="earn cash-tx">
			<header>
				<nav class="nav">
					<div class="nav-shop qx"><i class="iconfont icon-fanhui"></i></div>
					<div class="title">提现</div>
				</nav>
			</header>
			<div class="cash">
				<div class="js-cash can-tx">
					<div class="p1 tx-p">
						<p>可提现金额
							<span class="txje">￥257.50</span>
						</p>
					</div>
					<div class="p2 tx-p">
						<p>未结算收入
							<input type="text"/>
						</p>
					</div>
				</div>	
			</div>
		</div>
		<!--交易手续说明-->
		<div class="e-tips">
			<header>
				<nav class="nav">
					<div class="nav-shop qx"><i class="iconfont icon-fanhui"></i></div>
					<div class="title">交易手续说明</div>
				</nav>
			</header>
			<div class="e-text">
				<div class="text">
					<h1>各位小店店主</h1>
					<p>您们好！</p>
					<p>每笔经过优呗小店的交易，都会产生一定的基础成本。其中，包括消费者支付时不同支付公司向优呗收取的“支付手续费”、提现时银行向优呗收取的“结算手续费”，以及优呗的系统运维和服务费用，这些费用综合起来接近于每笔交易金额的2%。</p>
					<p>之前优呗针对于每笔交易的2%成本都市做全额补贴。接下来，为了提供更好完善的服务，我们将调正部分交易的补贴方案。补贴详细记录可点击进入“我的收入”中查看个结算明细。</p>
				</div>
			</div>
		</div>
<!--启动页-->
		<div class="start wow fadeInDown animated" data-wow-duration="1s" data-wow-delay=".5s">
			<div class="container">
				<!--<img src="img/start.jpg"/>-->
				
				<!--<div class="btn">
					<a href="" class="login">登录</a>
					<a href="" class="res">免费注册</a>
				</div>-->
			</div>
			<div class="btn">
				<a class="login-btn">登录</a>
				<a class="res-btn">免费注册</a>
			</div>
		</div>
		
<!--登录页-->
		<div class="login">
			<header>
				<nav class="nav">
					<div class="nav-shop qx">取消</div>
					<div class="title">登录</div>
				</nav>
			</header>
			<div class="l-logo">
				<img src="img/log_logo.png"/>
			</div>
			<form action="">
				<div class="text">
					帐号<input type="text" placeholder="请输入手机号码"/>
				</div>
				<div class="text">
					密码<input type="password" placeholder="请输入密码"/>
				</div>
				<button type="button" class="in-btn">登录</button>
				<div class="log">
					<div class="l-zc">注册用户</div>
					<div class="l-wj">忘记密码</div>
				</div>
				
			</form>
			
			<div class="footer">
				<div class="f-log f-wx">
					<span class="f-img"></span>
					<span>微信登录</span>
				</div>
				<div class="f-log f-qq">
					<span class="f-img qq"></span>
					<span>QQ登录</span>
				</div>
			</div>
		</div>
<!--注册页-->
		<div class="register">
			<header>
				<nav class="nav">
					<div class="nav-shop qx">取消</div>
					<div class="title">注册</div>
				</nav>
			</header>
			
			<form>
				<div class="res-text">
					手机号码<input type="text" placeholder="请输入手机号码"/>
				</div>
				<div class="res-text yzm">
					验证码<input type="text" placeholder="请输入验证码"/>
				</div>
				<div class="res-text require-yzm">
					获取验证码
				</div>
				<div class="clear"></div>
				<div class="res-text sz">
					个人昵称<input type="text" placeholder="请输入个人昵称"/>
				</div>
				<div class="res-text sz">
					设置密码<input type="password" placeholder="8-20位数字和子母组合"/>
				</div>
				<div class="res-text sz">
					确认密码<input type="password" placeholder="请重复输入密码"/>
				</div>
				
				<div class="read">
					<input type="checkbox" class="checkbox" checked="checked"/>
					我已阅读并接受 <a href="">优呗小店用户注册协议</a>
				</div>
				
				<button>完成</button>
			</form>
		</div>
	<!--忘记密码，重新设置密码-->	
		<div class="remake">
			<header>
				<nav class="nav">
					<div class="nav-shop qx">取消</div>
					<div class="title">设置新密码</div>
				</nav>
			</header>
			<form>
				<div class="res-text">
					手机号码<input type="text" placeholder="请输入手机号码"/>
				</div>
				<div class="res-text yzm">
					验证码<input type="text" placeholder="请输入验证码"/>
				</div>
				<div class="res-text require-yzm">
					获取验证码
				</div>
				<div class="clear"></div>
				<div class="res-text sz">
					新密码<input type="password" placeholder="8-20位数字和子母组合"/>
				</div>
				<div class="res-text sz">
					确认密码<input type="password" placeholder="请重复输入密码"/>
				</div>
				<button type="button" class="re-log">完成</button>
			</form>
		</div>
		<script type="text/javascript" src="js/login.js"></script>
	</body>
</html>
